<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>技师个人页</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--以显示网页的屏幕宽度定义了视窗宽度。网页的比例和最大比例被设置为100%-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="asset/plugins/weui/css/weui.min.css">
    <link rel="stylesheet" href="asset/plugins/jquery-weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="asset/plugins/iconfont/iconfont.css">

    <link rel="stylesheet" href="asset/css/p-index.css">
</head>
<body>
    <div class="p-draw-content-p">
        <i class="iconfont icon-fukuanchenggong"></i>
        <p>恭喜您，打赏支付成功~</p>
    </div>
    <div class="p-draw-group js-draw-text">
        获得一次抽奖机会，
        <a href="javascript:;" data-target="#drawPopup" class="open-popup weui-btn weui-btn_mini weui-btn_orange">点击抽奖</a>
    </div>
    <div class="weui-flex">
        <div class="weui-flex__item">
            <div class="p-title-info p-draw">
                <hr class="g-hr">
                <h5 class="p-title-info_text">满意请打9分吧~</h5>
            </div>
        </div>
    </div>

    <div class="weui-flex p-draw-row">
        <!--<div class="m-form-label">服务满意度：</div>-->
        <div class="weui-flex__item">
            <ul class="m-grade-bar g-clearfix js-grade-bar">
                <li><a href="javascript:;" class="m-grade-btn"><img src="asset/images/icon-global/5fen.png" alt=""><img class="p-hide" src="asset/images/icon-global/5fen1.png" alt=""></a></li>
                <li><a href="javascript:;" class="m-grade-btn"><img src="asset/images/icon-global/6fen.png" alt=""><img class="p-hide" src="asset/images/icon-global/6fen1.png" alt=""></a></li>
                <li><a href="javascript:;" class="m-grade-btn"><img src="asset/images/icon-global/7fen.png" alt=""><img class="p-hide" src="asset/images/icon-global/7fen1.png" alt=""></a></li>
                <li><a href="javascript:;" class="m-grade-btn"><img src="asset/images/icon-global/8fen.png" alt=""><img class="p-hide" src="asset/images/icon-global/8fen1.png" alt=""></a></li>
                <li><a href="javascript:;" class="m-grade-btn"><img src="asset/images/icon-global/9fen.png" alt=""><img class="p-hide" src="asset/images/icon-global/9fen1.png" alt=""></a></li>
            </ul>
            <p class="m-help-text m-help-text--default js-grade-text g-ta--c">非常满意</p>
        </div>
    </div>

    <div class="weui-flex p-draw-row">
        <div class=""><p class="m-form-label">一句话点评：</p></div>
        <div class="weui-flex__item">
            <div class="m-input-group">
                <i class="iconfont icon-xiangxiasanjiaoxialazhankai"></i>
                <select class="weui-select js-select-grade" name="select1">
                    <option value="1">服务态度欠佳~</option>
                    <option value="2">也就这样吧~</option>
                    <option value="3">长得不错鼓励一下~</option>
                    <option value="4">人美，劲足，手法赞~</option>
                    <option selected value="5">多一分怕你骄傲呐~</option>
                </select>
            </div>
        </div>
    </div>
    <div class="p-draw-row">
        <div class="m-textarea-group m-textarea-group--bordered">
            <textarea class="weui-textarea js-textarea" name="" rows="3" maxlength="140" placeholder="还想说点什么吧~"></textarea>
            <div class="weui-textarea-counter js-textarea-counter"><span>0</span>/140</div>
        </div>
    </div>
    <div class="p-draw-row p-draw-footer">
        <a href="waiter.html" class="weui-btn weui-btn_link weui-btn_orange">确认并返回店铺首页</a>
        <a href="waiter-info.html" class="weui-btn weui-btn_orange">确认并返回技师主页</a>
    </div>
    <!--抽奖转盘-->
    <div id="drawPopup" class="weui-popup__container p-modal-draw">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <a href="javascript:;" class="m-modal_header_closed close-popup">
                <i class="iconfont icon-quxiao"></i>
            </a>
            <div class="m-modal_body">
                <div class="container p-container-draw">
                    <img src="asset/plugins/awardRotateJs/images/1.png" id="gift1" style="display:none;" />
                    <img src="asset/plugins/awardRotateJs/images/2.png" id="sorry-img" style="display:none;" />
                    <img src="asset/plugins/awardRotateJs/images/3.png" id="gift2" style="display:none;" />
                    <div class="banner">
                        <div class="turnplate" style="background-image:url(asset/plugins/awardRotateJs/images/turnplate-bg.png);background-size:100% 100%;">
                            <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
                            <img class="pointer" src="asset/plugins/awardRotateJs/images/turnplate-pointer.png"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="asset/plugins/jquery/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="asset/plugins/jquery-weui/js/jquery-weui.min.js"></script>
    <script type="text/javascript" src="asset/plugins/awardRotateJs/js/awardRotate.js"></script>
    <script type="text/javascript" src="asset/js/p-draw.js"></script>
    <script type="text/javascript" src="asset/js/m-grade-stars.js"></script>
</body>
</html>